<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="author" content="蓝鸟 bluebirdhsz@gmail.com"/>
<meta name="keywords" content="窗口移动"/>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/drag.js"></script>
<link href="style/style.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body onload="initBody();">
<div id="main">
	<div id="logo"></div>
	<div id="left_column">
		<div class="frame">
			<div class="bar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
		<div class="frame">
			<div class="bar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
		<div class="frame">
			<div class="bar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="mid_column">
		<div class="greenframe frame">
			<div class="greenbar bar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
		<div class="greenframe frame">
			<div class="greenbar bar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
		<div class="greenframe frame">
			<div class="bar greenbar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="right_column">
		<div class="frame redframe">
			<div class="bar redbar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
		<div class="frame redframe">
			<div class="redbar bar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
		<div class="redframe frame">
			<div class="redbar bar">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" height="25" style="table-layout:fixed;">
					<tr>
						<td class="arrow_down"></td>
						<td class="title">测试标题</td>
						<td class="fresh">刷</td>
						<td class="close">关</td>
					</tr>
				</table>
			</div>
			<div class="content">
				<ul>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
					<li>蓝鸟空间网页栏目拖动演示</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="tempFrame" class="hide"></div>
<div id="debug"></div>
<div style="padding:10px;color:#333333;heigh:68px;text-align:center;">作者：蓝鸟 QQ：18844626 Email：bluebirdhsz@gmail.com</div>
</body>
</html>